<!DOCTYPE html>
<html>
<head>
<title>Test With Both Leading and Trailing Whitespace</title>
<style>
    div { height:30px; margin:0; padding:0; border:none; }
    .container { width:400px; }
    .floater { float:right; width:100px; background-color:green; }
    .middle { display:inline-block; width:300px; background-color:green; }
</style>
</head>
<body>
<p>There should be a single green rectangle below.</p>
<!-- Single Leading and Trailing Space -->
<div class="container"><div class="middle"></div> <div class="floater"></div> </div>

<!-- Single Leading and Multiple Trailing Spaces -->
<div class="container"><div class="middle"></div> <div class="floater"></div>   </div>

<!-- Multiple Leading and Single Trailing Spaces -->
<div class="container"><div class="middle"></div>    <div class="floater"></div> </div>

<!-- Multiple Leading and Trailing Spaces -->
<div class="container"><div class="middle"></div>    <div class="floater"></div>    </div>

<!-- Mixture of Leading and Trailing Whitespace -->
<div class="container">
    <div class="middle"></div>
    <div class="floater"></div>
</div>

</body>
</html>
